<!--
 * @Author: C.
 * @Date: 2021-12-27 11:00:00
 * @LastEditTime: 2021-12-27 17:04:03
 * @Description: file content
-->
<template>
  <block>
    <!-- <u--input v-model="getFormProp" border="none"></u--input> -->
    <!-- 输入框 -->
    <template v-if="cdata.cpn === 'FormInput'">
      <view class="input-style">
        <u-input
          v-model="getFormProp"
          :clearable="false"
          border="none"
          fontSize="17px"
        />
      </view>
    </template>
    <template v-else-if="cdata.cpn === 'SingleTime'">
      <SingleTime v-model="getFormProp"></SingleTime>
    </template>
  </block>
</template>

<script>
import SingleTime from "./SingleTime.vue";
export default {
  components: {
    SingleTime
  },
  props: {
    cdata: {
      type: Object,
      default: () => {}
    },
    value: {
      default: ""
    }
  },
  data() {
    return {
      popUpShow: false
    };
  },
  computed: {
    getFormProp: {
      get() {
        return this.value;
      },
      set(val) {
        // console.log(val, 555);
        this.$emit("input", val);
      }
    }
  }
};
</script>

<style lang="scss">
.input-style {
  @include flexBox($jc: flex-start);
  background-color: $j_bgc;
  border-radius: 40rpx;
  padding: 10rpx 30rpx;
}
</style>
